<template>
    <div class="app-container">
      <el-dialog title="查询" :visible.sync="dialogOpen" width="80%" @closed="dialogOpen=false">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="140px">
          <el-row :gutter="10">
          <el-col :span="8">
        <el-form-item label="案件编号" prop="ajbh" >
          <el-input
            v-model="queryParams.ajbh"
            placeholder="请输入案件编号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="案件名称" prop="ajmc">
          <el-input
            v-model="queryParams.ajmc"
            placeholder="请输入案件名称"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <!-- <el-col :span="8">
        <el-form-item label="收取法律文书号" prop="sqwsh">
          <el-input
            v-model="queryParams.sqwsh"
            placeholder="请输入收取法律文书号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <el-col :span="8">
        <el-form-item label="被取保候审人(被行政拘留人)姓名" prop="ajmc">
          <el-input
            v-model="queryParams.ajmc"
            placeholder="请输入被取保候审人(被行政拘留人)姓名"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="被取保候审人(被行政拘留人)编号" prop="ajmc">
          <el-input
            v-model="queryParams.ajmc"
            placeholder="请输入被取保候审人(被行政拘留人)编号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="人员类别姓名" prop="ajmc">
          <el-input
            v-model="queryParams.ajmc"
            placeholder="请输入人员类别姓名"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <!-- <el-col :span="8">
        <el-form-item label="取保候审人" prop="hsr">
          <el-input
            v-model="queryParams.hsr"
            placeholder="请输入被取保候审人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="行政拘留人" prop="xjr">
          <el-input
            v-model="queryParams.xjr"
            placeholder="请输入行政拘留人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="性别" prop="xb">
          <el-input
            v-model="queryParams.xb"
            placeholder="请输入性别"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="出生日期" prop="csrq">
          <el-date-picker clearable
            v-model="queryParams.csrq"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择出生日期">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="住址" prop="zz">
          <el-input
            v-model="queryParams.zz"
            placeholder="请输入住址"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="户籍地址" prop="hjdz">
          <el-input
            v-model="queryParams.hjdz"
            placeholder="请输入户籍地址"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="单位及职务" prop="dwzw">
          <el-input
            v-model="queryParams.dwzw"
            placeholder="请输入单位及职务"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="联系电话" prop="lxdh">
          <el-input
            v-model="queryParams.lxdh"
            placeholder="请输入联系电话"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <el-col :span="8">
        <el-form-item label="身份证号" prop="sfzh">
          <el-input
            v-model="queryParams.sfzh"
            placeholder="请输入身份证号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="案件性质" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入案件性质"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="年度" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入年度"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="收取法律文书号" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入收取法律文书号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="收款开始日期" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入收款开始日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="收款结束日期" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入收款结束日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="没收开始日期" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入没收开始日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="没收结束日期" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入没收结束日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="退款开始日期" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入退款开始日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="退款结束日期" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入退款结束日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="划拨开始日期" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入划拨开始日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="划拨结束日期" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入划拨结束日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="划拨人" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入划拨人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="划拨决定单位" prop="ajxz">
          <el-input
            v-model="queryParams.ajxz"
            placeholder="请输入划拨决定单位"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <!-- <el-col :span="8">
        <el-form-item label="保证金金额" prop="sqje">
          <el-input
            v-model="queryParams.sqje"
            placeholder="请输入保证金金额"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="收费方式" prop="sqfs">
          <el-input
            v-model="queryParams.sqfs"
            placeholder="请输入收费方式"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="收取状态" prop="sqzt">
          <el-input
            v-model="queryParams.sqzt"
            placeholder="请输入收取状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="委托交款人代" prop="jkr">
          <el-input
            v-model="queryParams.jkr"
            placeholder="请输入委托交款人代"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="委托交款人身份证" prop="jkrsfz">
          <el-input
            v-model="queryParams.jkrsfz"
            placeholder="请输入委托交款人身份证"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="收银行编号" prop="dsyhbh">
          <el-input
            v-model="queryParams.dsyhbh"
            placeholder="请输入收银行编号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="缴款时间" prop="jnsj">
          <el-date-picker clearable
            v-model="queryParams.jnsj"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择缴款时间">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="交纳银行卡号" prop="jnkh">
          <el-input
            v-model="queryParams.jnkh"
            placeholder="请输入交纳银行卡号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="批准人" prop="pzr">
          <el-input
            v-model="queryParams.pzr"
            placeholder="请输入批准人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="取保候审批准时间" prop="pzsj">
          <el-date-picker clearable
            v-model="queryParams.pzsj"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择取保候审批准时间">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <el-col :span="8">
        <el-form-item label="办案人" prop="bar">
          <el-input
            v-model="queryParams.bar"
            placeholder="请输入办案人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="填发人" prop="bar">
          <el-input
            v-model="queryParams.bar"
            placeholder="请输入填发人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <!-- <el-col :span="8">
        <el-form-item label="办案人所在单位编号" prop="dwbh">
          <el-input
            v-model="queryParams.dwbh"
            placeholder="请输入办案人所在单位编号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <el-col :span="8">
        <el-form-item label="办案单位" prop="badw">
          <el-input
            v-model="queryParams.badw"
            placeholder="请输入办案单位"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="状态" prop="badw">
          <el-input
            v-model="queryParams.badw"
            placeholder="请输入状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <!-- <el-col :span="8">
        <el-form-item label="收取日期" prop="sqrq">
          <el-date-picker clearable
            v-model="queryParams.sqrq"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择收取日期">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="填报时间" prop="sqtfsj">
          <el-date-picker clearable
            v-model="queryParams.sqtfsj"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择填报时间">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <el-col :span="8">
        <el-form-item label="填报人" prop="sqtfr">
          <el-input
            v-model="queryParams.sqtfr"
            placeholder="请输入填报人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col>
      <!-- <el-col :span="8">
        <el-form-item label="没收金额" prop="msje">
          <el-input
            v-model="queryParams.msje"
            placeholder="请输入没收金额"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收状态" prop="mszt">
          <el-input
            v-model="queryParams.mszt"
            placeholder="请输入没收状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收原因" prop="msyy">
          <el-input
            v-model="queryParams.msyy"
            placeholder="请输入没收原因"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收法律文书号" prop="mswsh">
          <el-input
            v-model="queryParams.mswsh"
            placeholder="请输入没收法律文书号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收批准人" prop="mspzr">
          <el-input
            v-model="queryParams.mspzr"
            placeholder="请输入没收批准人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收批准时间" prop="mspzsj">
          <el-input
            v-model="queryParams.mspzsj"
            placeholder="请输入没收批准时间"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收填报人" prop="mstfr">
          <el-input
            v-model="queryParams.mstfr"
            placeholder="请输入没收填报人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收日期" prop="msrq">
          <el-date-picker clearable
            v-model="queryParams.msrq"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择没收日期">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收填报时间" prop="mstfsj">
          <el-date-picker clearable
            v-model="queryParams.mstfsj"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择没收填报时间">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收审核状态" prop="msshzt">
          <el-input
            v-model="queryParams.msshzt"
            placeholder="请输入没收审核状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收银行扣款状态 " prop="mskhzt">
          <el-input
            v-model="queryParams.mskhzt"
            placeholder="请输入没收银行扣款状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收银行扣款时间" prop="mskhsj">
          <el-input
            v-model="queryParams.mskhsj"
            placeholder="请输入没收银行扣款时间"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="没收银行扣款操作人" prop="mskhczr">
          <el-input
            v-model="queryParams.mskhczr"
            placeholder="请输入没收银行扣款操作人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还金额" prop="thje">
          <el-input
            v-model="queryParams.thje"
            placeholder="请输入退还金额"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还方式" prop="thfs">
          <el-input
            v-model="queryParams.thfs"
            placeholder="请输入退还方式"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还状态" prop="thzt">
          <el-input
            v-model="queryParams.thzt"
            placeholder="请输入退还状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还日期" prop="thrq">
          <el-date-picker clearable
            v-model="queryParams.thrq"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择退还日期">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还法律文书号" prop="thwsh">
          <el-input
            v-model="queryParams.thwsh"
            placeholder="请输入退还法律文书号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还批准人" prop="thpzr">
          <el-input
            v-model="queryParams.thpzr"
            placeholder="请输入退还批准人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还填发时间" prop="thtfsj">
          <el-date-picker clearable
            v-model="queryParams.thtfsj"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择退还填发时间">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还审核状态" prop="thshzt">
          <el-input
            v-model="queryParams.thshzt"
            placeholder="请输入退还审核状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还审核人" prop="thshr">
          <el-input
            v-model="queryParams.thshr"
            placeholder="请输入退还审核人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还审核日期" prop="thshsj">
          <el-input
            v-model="queryParams.thshsj"
            placeholder="请输入退还审核日期"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还账户姓名" prop="thxm">
          <el-input
            v-model="queryParams.thxm"
            placeholder="请输入退还账户姓名"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还账号" prop="thzh">
          <el-input
            v-model="queryParams.thzh"
            placeholder="请输入退还账号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还开户行" prop="thkhh">
          <el-input
            v-model="queryParams.thkhh"
            placeholder="请输入退还开户行"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="单据状态" prop="djzt">
          <el-input
            v-model="queryParams.djzt"
            placeholder="请输入单据状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="收取打印状态" prop="sqdyzt">
          <el-input
            v-model="queryParams.sqdyzt"
            placeholder="请输入收取打印状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="单据时间" prop="djsj">
          <el-date-picker clearable
            v-model="queryParams.djsj"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择单据时间">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="收取开票打印状态" prop="sqkpzt">
          <el-input
            v-model="queryParams.sqkpzt"
            placeholder="请输入收取开票打印状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还开票打印状态" prop="thkpzt">
          <el-input
            v-model="queryParams.thkpzt"
            placeholder="请输入退还开票打印状态"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="划拨法律文书号" prop="hbwsh">
          <el-input
            v-model="queryParams.hbwsh"
            placeholder="请输入划拨法律文书号"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="划拨单位名称" prop="hbdw">
          <el-input
            v-model="queryParams.hbdw"
            placeholder="请输入划拨单位名称"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="划拨金额" prop="hbje">
          <el-input
            v-model="queryParams.hbje"
            placeholder="请输入划拨金额"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="划拨操作员" prop="hbry">
          <el-input
            v-model="queryParams.hbry"
            placeholder="请输入划拨操作员"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="划拨日期" prop="hbrq">
          <el-date-picker clearable
            v-model="queryParams.hbrq"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择划拨日期">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="划拨单位联系人电话" prop="hblxdh">
          <el-input
            v-model="queryParams.hblxdh"
            placeholder="请输入划拨单位联系人电话"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="划拨时间" prop="hbsj">
          <el-date-picker clearable
            v-model="queryParams.hbsj"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择划拨时间">
          </el-date-picker>
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="划拨时间" prop="hbczy">
          <el-input
            v-model="queryParams.hbczy"
            placeholder="请输入划拨时间"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8">
        <el-form-item label="退还填报人" prop="thtfr">
          <el-input
            v-model="queryParams.thtfr"
            placeholder="请输入退还填报人"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-col> -->
      <!-- <el-col :span="8"> -->
        <el-form-item style="width:100%;display: flex;justify-content: flex-end">
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
        </el-form-item>
      </el-row>
      </el-form>
  </el-dialog>
      <el-row :gutter="10" class="mb8">
        <el-col :span="1.5">
          <el-button
            type="primary"
            plain
            icon="el-icon-plus"
            size="mini"
            @click="dialogOpen=true"
          >查询</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="warning"
            plain
            icon="el-icon-download"
            size="mini"
            @click="handleExport"

          >导出</el-button>
        </el-col>

        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      </el-row>
  
      <el-table v-loading="loading" height="710" :data="bzjtableList" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" align="center" />
        <el-table-column label="序号" align="center" prop="xh" />
        <el-table-column label="案件编号" align="center" prop="ajbh" width="220"/>
        <el-table-column label="案件名称" align="center" prop="ajmc" width="220"/>
        <el-table-column label="收取法律文书号" align="center" prop="sqwsh" width="220"/>
        <el-table-column label="被取保候审人(被行政拘留人)" align="center" prop="hsr" width="100"/>
        <el-table-column label="人员类别" align="center" prop="xjr" width="100"/>
        <el-table-column label="性别" align="center" prop="xb" />
        <el-table-column label="出生日期" align="center" prop="csrq" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.csrq, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="住址" align="center" prop="zz" width="300"/>
        <el-table-column label="户籍地址" align="center" prop="hjdz" width="300"/>
        <el-table-column label="单位及职务" align="center" prop="dwzw" width="180"/>
        <el-table-column label="联系电话" align="center" prop="lxdh" width="150"/>
        <el-table-column label="身份证号" align="center" prop="sfzh" width="180"/>
        <el-table-column label="案件性质" align="center" prop="ajxz" width="200"/>
        <el-table-column label="保证金金额" align="center" prop="sqje" width="120"/>
        <el-table-column label="收费方式" align="center" prop="sqfs" />
        <el-table-column label="收取状态" align="center" prop="sqzt" />
        <el-table-column label="委托代交款人" align="center" prop="jkr" width="120"/>
        <el-table-column label="委托交款人身份证" align="center" prop="jkrsfz" width="150"/>
        <el-table-column label="收款银行" align="center" prop="dsyhbh" width="150"/>
        <el-table-column label="缴款时间" align="center" prop="jnsj" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.jnsj, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="交纳银行卡号" align="center" prop="jnkh" width="150"/>
        <el-table-column label="批准人" align="center" prop="pzr" />
        <el-table-column label="取保候审批准时间" align="center" prop="pzsj" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.pzsj, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="办案人" align="center" prop="bar" width="150"/>
        <el-table-column label="办案单位" align="center" prop="badw" width="300"/>
        <el-table-column label="收取日期" align="center" prop="sqrq" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.sqrq, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="填报时间" align="center" prop="sqtfsj" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.sqtfsj, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="填报人" align="center" prop="sqtfr" />
        <el-table-column label="没收金额" align="center" prop="msje" />
        <el-table-column label="没收状态" align="center" prop="mszt" />
        <el-table-column label="没收原因" align="center" prop="msyy" width="150"/>
        <el-table-column label="没收法律文书号" align="center" prop="mswsh" width="150"/>
        <el-table-column label="没收批准人" align="center" prop="mspzr" width="150"/>
        <el-table-column label="没收批准时间" align="center" prop="mspzsj" width="150"/>
        <el-table-column label="没收填报人" align="center" prop="mstfr" width="150"/>
        <el-table-column label="没收日期" align="center" prop="msrq" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.msrq, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="没收填报时间" align="center" prop="mstfsj" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.mstfsj, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="没收审核状态" align="center" prop="msshzt" width="120"/>
        <el-table-column label="没收银行扣款状态" align="center" prop="mskhzt" width="150"/>
        <el-table-column label="没收银行扣款时间" align="center" prop="mskhsj" width="150"/>
        <el-table-column label="没收银行扣款操作人" align="center" prop="mskhczr" width="150"/>
        <el-table-column label="退还金额" align="center" prop="thje" />
        <el-table-column label="退还方式  " align="center" prop="thfs" />
        <el-table-column label="退还状态" align="center" prop="thzt" />
        <el-table-column label="退还日期" align="center" prop="thrq" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.thrq, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="退还法律文书号" align="center" prop="thwsh" width="220"/>
        <el-table-column label="退还批准人" align="center" prop="thpzr" width="120"/>
        <el-table-column label="退还填发时间" align="center" prop="thtfsj" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.thtfsj, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="退还审核状态" align="center" prop="thshzt" width="120"/>
        <el-table-column label="退还审核人" align="center" prop="thshr" width="120"/>
        <el-table-column label="退还审核日期" align="center" prop="thshsj" width="150"/>
        <el-table-column label="退还账户姓名" align="center" prop="thxm" width="120"/>
        <el-table-column label="退还账号" align="center" prop="thzh" width="160"/>
        <el-table-column label="退还开户行" align="center" prop="thkhh" width="180"/>
        <el-table-column label="单据状态" align="center" prop="djzt" />
        <el-table-column label="收取打印状态" align="center" prop="sqdyzt" width="120"/>
        <el-table-column label="单据时间" align="center" prop="djsj" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.djsj, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="收取开票打印状态" align="center" prop="sqkpzt" width="150"/>
        <el-table-column label="退还开票打印状态" align="center" prop="thkpzt" width="150"/>
        <el-table-column label="划拨法律文书号" align="center" prop="hbwsh" width="150"/>
        <el-table-column label="划拨单位名称" align="center" prop="hbdw" width="120"/>
        <el-table-column label="划拨金额" align="center" prop="hbje" />
        <el-table-column label="划拨操作员" align="center" prop="hbry" width="150"/>
        <el-table-column label="划拨日期" align="center" prop="hbrq" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.hbrq, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="划拨单位联系人电话" align="center" prop="hblxdh" width="150"/>
        <el-table-column label="划拨时间" align="center" prop="hbsj" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.hbsj, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="划拨时间" align="center" prop="hbczy" />
        <el-table-column label="退还填报人" align="center" prop="thtfr" width="150"/>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:bzjtable:edit']"
            >修改</el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:bzjtable:remove']"
            >删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      
      <pagination
        v-show="total>0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
      />
  
      <!-- 添加或修改【请填写功能名称】对话框 -->
      <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
        <el-form ref="form" :model="form" :rules="rules" label-width="180px">
          <el-row :gutter="10">
          <el-col :span="8">
          <el-form-item label="案件编号" prop="ajbh">
            <el-input v-model="form.ajbh" placeholder="请输入案件编号" />
          </el-form-item>
          </el-col>
          <el-col :span="8">
          <el-form-item label="案件名称" prop="ajmc">
            <el-input v-model="form.ajmc" placeholder="请输入案件名称" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="收取法律文书号" prop="sqwsh">
            <el-input v-model="form.sqwsh" placeholder="请输入收取法律文书号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="被取保候审人(被行政拘留人)" prop="hsr">
            <el-input v-model="form.hsr" placeholder="请输入被取保候审人(被行政拘留人)" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="人员类别" prop="xjr">
            <el-input v-model="form.xjr" placeholder="请输入人员类别" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="性别" prop="xb">
            <el-input v-model="form.xb" placeholder="请输入性别" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="出生日期" prop="csrq">
            <el-date-picker clearable
              v-model="form.csrq"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择出生日期">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="住址" prop="zz">
            <el-input v-model="form.zz" placeholder="请输入住址" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="户籍地址" prop="hjdz">
            <el-input v-model="form.hjdz" placeholder="请输入户籍地址" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="单位及职务" prop="dwzw">
            <el-input v-model="form.dwzw" placeholder="请输入单位及职务" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="联系电话" prop="lxdh">
            <el-input v-model="form.lxdh" placeholder="请输入联系电话" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="身份证号" prop="sfzh">
            <el-input v-model="form.sfzh" placeholder="请输入身份证号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="案件性质" prop="ajxz">
            <el-input v-model="form.ajxz" placeholder="请输入案件性质" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="保证金金额" prop="sqje">
            <el-input v-model="form.sqje" placeholder="请输入保证金金额" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="收费方式" prop="sqfs">
            <el-input v-model="form.sqfs" placeholder="请输入收费方式" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="收取状态" prop="sqzt">
            <el-input v-model="form.sqzt" placeholder="请输入收取状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="委托交款人代" prop="jkr">
            <el-input v-model="form.jkr" placeholder="请输入委托交款人代" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="委托交款人身份证" prop="jkrsfz">
            <el-input v-model="form.jkrsfz" placeholder="请输入委托交款人身份证" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="收银行编号" prop="dsyhbh">
            <el-input v-model="form.dsyhbh" placeholder="请输入收银行编号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="缴款时间" prop="jnsj">
            <el-date-picker clearable
              v-model="form.jnsj"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择缴款时间">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="交纳银行卡号" prop="jnkh">
            <el-input v-model="form.jnkh" placeholder="请输入交纳银行卡号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="批准人" prop="pzr">
            <el-input v-model="form.pzr" placeholder="请输入批准人" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="取保候审批准时间" prop="pzsj">
            <el-date-picker clearable
              v-model="form.pzsj"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择取保候审批准时间">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="办案人" prop="bar">
            <el-input v-model="form.bar" placeholder="请输入办案人" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="办案人所在单位编号" prop="dwbh">
            <el-input v-model="form.dwbh" placeholder="请输入办案人所在单位编号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="办案单位" prop="badw">
            <el-input v-model="form.badw" placeholder="请输入办案单位" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="收取日期" prop="sqrq">
            <el-date-picker clearable
              v-model="form.sqrq"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择收取日期">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="填报时间" prop="sqtfsj">
            <el-date-picker clearable
              v-model="form.sqtfsj"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择填报时间">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="填报人" prop="sqtfr">
            <el-input v-model="form.sqtfr" placeholder="请输入填报人" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收金额" prop="msje">
            <el-input v-model="form.msje" placeholder="请输入没收金额" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收状态" prop="mszt">
            <el-input v-model="form.mszt" placeholder="请输入没收状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收原因" prop="msyy">
            <el-input v-model="form.msyy" placeholder="请输入没收原因" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收法律文书号" prop="mswsh">
            <el-input v-model="form.mswsh" placeholder="请输入没收法律文书号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收批准人" prop="mspzr">
            <el-input v-model="form.mspzr" placeholder="请输入没收批准人" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收批准时间" prop="mspzsj">
            <el-input v-model="form.mspzsj" placeholder="请输入没收批准时间" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收填报人" prop="mstfr">
            <el-input v-model="form.mstfr" placeholder="请输入没收填报人" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收日期" prop="msrq">
            <el-date-picker clearable
              v-model="form.msrq"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择没收日期">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收填报时间" prop="mstfsj">
            <el-date-picker clearable
              v-model="form.mstfsj"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择没收填报时间">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收审核状态" prop="msshzt">
            <el-input v-model="form.msshzt" placeholder="请输入没收审核状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收银行扣款状态 " prop="mskhzt">
            <el-input v-model="form.mskhzt" placeholder="请输入没收银行扣款状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收银行扣款时间" prop="mskhsj">
            <el-input v-model="form.mskhsj" placeholder="请输入没收银行扣款时间" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="没收银行扣款操作人" prop="mskhczr">
            <el-input v-model="form.mskhczr" placeholder="请输入没收银行扣款操作人" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还金额" prop="thje">
            <el-input v-model="form.thje" placeholder="请输入退还金额" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还方式" prop="thfs">
            <el-input v-model="form.thfs" placeholder="请输入退还方式 " />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还状态" prop="thzt">
            <el-input v-model="form.thzt" placeholder="请输入退还状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还日期" prop="thrq">
            <el-date-picker clearable
              v-model="form.thrq"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择退还日期">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还法律文书号" prop="thwsh">
            <el-input v-model="form.thwsh" placeholder="请输入退还法律文书号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还批准人" prop="thpzr">
            <el-input v-model="form.thpzr" placeholder="请输入退还批准人" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还填发时间" prop="thtfsj">
            <el-date-picker clearable
              v-model="form.thtfsj"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择退还填发时间">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还审核状态" prop="thshzt">
            <el-input v-model="form.thshzt" placeholder="请输入退还审核状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还审核人" prop="thshr">
            <el-input v-model="form.thshr" placeholder="请输入退还审核人" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还审核日期" prop="thshsj">
            <el-input v-model="form.thshsj" placeholder="请输入退还审核日期" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还账户姓名" prop="thxm">
            <el-input v-model="form.thxm" placeholder="请输入退还账户姓名" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还账号" prop="thzh">
            <el-input v-model="form.thzh" placeholder="请输入退还账号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还开户行" prop="thkhh">
            <el-input v-model="form.thkhh" placeholder="请输入退还开户行" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="单据状态" prop="djzt">
            <el-input v-model="form.djzt" placeholder="请输入单据状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="收取打印状态" prop="sqdyzt">
            <el-input v-model="form.sqdyzt" placeholder="请输入收取打印状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="单据时间" prop="djsj">
            <el-date-picker clearable
              v-model="form.djsj"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择单据时间">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="收取开票打印状态" prop="sqkpzt">
            <el-input v-model="form.sqkpzt" placeholder="请输入收取开票打印状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还开票打印状态" prop="thkpzt">
            <el-input v-model="form.thkpzt" placeholder="请输入退还开票打印状态" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="划拨法律文书号" prop="hbwsh">
            <el-input v-model="form.hbwsh" placeholder="请输入划拨法律文书号" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="划拨单位名称" prop="hbdw">
            <el-input v-model="form.hbdw" placeholder="请输入划拨单位名称" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="划拨金额" prop="hbje">
            <el-input v-model="form.hbje" placeholder="请输入划拨金额" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="划拨操作员" prop="hbry">
            <el-input v-model="form.hbry" placeholder="请输入划拨操作员" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="划拨日期" prop="hbrq">
            <el-date-picker clearable
              v-model="form.hbrq"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择划拨日期">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="划拨单位联系人电话" prop="hblxdh">
            <el-input v-model="form.hblxdh" placeholder="请输入划拨单位联系人电话" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="划拨时间" prop="hbsj">
            <el-date-picker clearable
              v-model="form.hbsj"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择划拨时间">
            </el-date-picker>
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="划拨时间" prop="hbczy">
            <el-input v-model="form.hbczy" placeholder="请输入划拨时间" />
          </el-form-item>
        </el-col>
          <el-col :span="8">
          <el-form-item label="退还填报人" prop="thtfr">
            <el-input v-model="form.thtfr" placeholder="请输入退还填报人" />
          </el-form-item>
        </el-col>
          <!-- <el-col :span="8"> -->
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="submitForm">确 定</el-button>
          <el-button @click="cancel">取 消</el-button>
        </div>
      </el-dialog>
    </div>
  </template>
  
  <script>
  import { getAllBzjList, getBzjtable, delBzjtable, addBzjtable, updateBzjtable } from "@/api/system/bzjtable";
  
  export default {
    name: "Bzjtable",
    data() {
      return {
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 【请填写功能名称】表格数据
        bzjtableList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        dialogOpen: false,
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          ajbh: null,
          ajmc: null,
          sqwsh: null,
          hsr: null,
          xjr: null,
          xb: null,
          csrq: null,
          zz: null,
          hjdz: null,
          dwzw: null,
          lxdh: null,
          sfzh: null,
          ajxz: null,
          sqje: null,
          sqfs: null,
          sqzt: null,
          jkr: null,
          jkrsfz: null,
          dsyhbh: null,
          jnsj: null,
          jnkh: null,
          pzr: null,
          pzsj: null,
          bar: null,
          dwbh: null,
          badw: null,
          sqrq: null,
          sqtfsj: null,
          sqtfr: null,
          msje: null,
          mszt: null,
          msyy: null,
          mswsh: null,
          mspzr: null,
          mspzsj: null,
          mstfr: null,
          msrq: null,
          mstfsj: null,
          msshzt: null,
          mskhzt: null,
          mskhsj: null,
          mskhczr: null,
          thje: null,
          thfs: null,
          thzt: null,
          thrq: null,
          thwsh: null,
          thpzr: null,
          thtfsj: null,
          thshzt: null,
          thshr: null,
          thshsj: null,
          thxm: null,
          thzh: null,
          thkhh: null,
          djzt: null,
          sqdyzt: null,
          djsj: null,
          sqkpzt: null,
          thkpzt: null,
          hbwsh: null,
          hbdw: null,
          hbje: null,
          hbry: null,
          hbrq: null,
          hblxdh: null,
          hbsj: null,
          hbczy: null,
          thtfr: null
        },
        // 表单参数
        form: {},
        // 表单校验
        rules: {
        }
      };
    },
    created() {
      this.getList();
    },
    methods: {
      /** 查询【请填写功能名称】列表 */
      getList() {
        this.loading = true;
        getAllBzjList(this.queryParams).then(response => {
          this.bzjtableList = response.rows;
          this.total = response.total;
          this.loading = false;
          this.dialogOpen = false;
        });
      },
      // 取消按钮
      cancel() {
        this.open = false;
        this.reset();
      },
      // 表单重置
      reset() {
        this.form = {
          xh: null,
          ajbh: null,
          ajmc: null,
          sqwsh: null,
          hsr: null,
          xjr: null,
          xb: null,
          csrq: null,
          zz: null,
          hjdz: null,
          dwzw: null,
          lxdh: null,
          sfzh: null,
          ajxz: null,
          sqje: null,
          sqfs: null,
          sqzt: null,
          jkr: null,
          jkrsfz: null,
          dsyhbh: null,
          jnsj: null,
          jnkh: null,
          pzr: null,
          pzsj: null,
          bar: null,
          dwbh: null,
          badw: null,
          sqrq: null,
          sqtfsj: null,
          sqtfr: null,
          msje: null,
          mszt: null,
          msyy: null,
          mswsh: null,
          mspzr: null,
          mspzsj: null,
          mstfr: null,
          msrq: null,
          mstfsj: null,
          msshzt: null,
          mskhzt: null,
          mskhsj: null,
          mskhczr: null,
          thje: null,
          thfs: null,
          thzt: null,
          thrq: null,
          thwsh: null,
          thpzr: null,
          thtfsj: null,
          thshzt: null,
          thshr: null,
          thshsj: null,
          thxm: null,
          thzh: null,
          thkhh: null,
          djzt: null,
          sqdyzt: null,
          djsj: null,
          sqkpzt: null,
          thkpzt: null,
          hbwsh: null,
          hbdw: null,
          hbje: null,
          hbry: null,
          hbrq: null,
          hblxdh: null,
          hbsj: null,
          hbczy: null,
          thtfr: null
        };
        this.resetForm("form");
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      // 多选框选中数据
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.xh)
        this.single = selection.length!==1
        this.multiple = !selection.length
      },
      /** 新增按钮操作 */
      handleAdd() {
        this.reset();
        this.open = true;
        this.title = "添加【请填写功能名称】";
      },
      /** 修改按钮操作 */
      handleUpdate(row) {
        this.reset();
        const xh = row.xh || this.ids
        getBzjtable(xh).then(response => {
          this.form = response.data;
          this.open = true;
          this.title = "修改【请填写功能名称】";
        });
      },
      /** 提交按钮 */
      submitForm() {
        this.$refs["form"].validate(valid => {
          if (valid) {
            if (this.form.xh != null) {
              updateBzjtable(this.form).then(response => {
                this.$modal.msgSuccess("修改成功");
                this.open = false;
                this.getList();
              });
            } else {
              addBzjtable(this.form).then(response => {
                this.$modal.msgSuccess("新增成功");
                this.open = false;
                this.getList();
              });
            }
          }
        });
      },
      /** 删除按钮操作 */
      handleDelete(row) {
        const xhs = row.xh || this.ids;
        this.$modal.confirm('是否确认删除【请填写功能名称】编号为"' + xhs + '"的数据项？').then(function() {
          return delBzjtable(xhs);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
      },
      /** 导出按钮操作 */
      handleExport() {
        this.download('system/bzjtable/export', {
          ...this.queryParams
        }, `bzjtable_${new Date().getTime()}.xlsx`)
      }
    }
  };
  </script>
  